Padding is additional space around the View between the View and neighboring child Views.
Syntax
.padding(100) //Apply 100 padding on all sides
.padding(.top, 100) //Apply 100 padding on top
.padding() //Apply default padding on all sides
.padding(.top) //Apply default padding on top
.padding(.bottom) //Apply default padding on bottom
.padding(.leading) //Apply default padding on left
.padding(.trailing) //Apply default padding on right
.padding(.vertical) //Apply default padding on top & bottom
.padding(.horizonatl) //Apply default padding on left & right
Example
struct ContentView: View {
var body: some View {
VStack {
Text("First line")
Text("Second line")
.border(Color.red, width: 2)
.padding(100)
}
}
}
Output